﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Record.aspx.cs" Inherits="com.codeplex.eatoutadvocate.Web.Record" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <form id="form1" runat="server">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager" runat="server">  
    </asp:ToolkitScriptManager>
    
    <div class="centered">
        <div style="height: 20px;">
            <strong>Record your eat out information here:</strong>
        </div>
        <div class="FieldRow">
            <div class="field">
            <asp:Label ID="EatOut" Text="Restaurant:" runat="server"/>
            </div>
            <div class="value">
                <asp:TextBox class="dropdown" ID="TxtBoxEatOut" runat="server" Width="200px" />
                <asp:AutoCompleteExtender ID="TxtBoxEatOut_AutoCompleteExtender" runat="server" 
                    DelimiterCharacters="" Enabled="True" ServicePath="" 
                    TargetControlID="TxtBoxEatOut" UseContextKey="True" 
                    ServiceMethod="GetCompletionList" CompletionInterval="1" 
                    MinimumPrefixLength="1">
                </asp:AutoCompleteExtender>
                <br />
                Zip Code:<br />
                <asp:TextBox ID="TxtBoxZipCode" runat="server" class="dropdown"></asp:TextBox>
                <br />
                Mood:<br />
                <asp:DropDownList ID="DropDownMood" runat="server" AutoPostBack="true" 
                class="dropdown" Font-Bold="True" Font-Names="Georgia" Font-Size="Medium" 
                onselectedindexchanged="DropDownMood_SelectedIndexChanged">
                </asp:DropDownList>
                <asp:UpdatePanel ID="UpdatePanel" runat="server" >
                <ContentTemplate>
                <br />
                <asp:Label ID="LblMoodLvl" runat="server" Text="Mood Level:"></asp:Label>
                <br />
                <asp:DropDownList ID="DropDownMoodLvl" runat="server" class="dropdown" 
                Font-Bold="True" Font-Names="Georgia" Font-Size="Medium" Visible="True">
                </asp:DropDownList>
                </ContentTemplate>
                <Triggers>
                <asp:AsyncPostBackTrigger ControlID="DropDownMood" EventName="SelectedIndexChanged" />
                </Triggers>
                </asp:UpdatePanel>
                <br />
            </div>
        </div>
    </div>
    <br />
            <asp:Button ID="BtnStore" runat="server" class="button" 
                onclick="BtnStore_Click" Text="Store Eat Out" />
   </form>

    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="Scripts/location.js" type="text/javascript"></script>

</asp:Content>
